<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>左图</title>
    <link rel="stylesheet" type="text/css" href="__CSS__api.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__aui.css" />
    <style>
        .aui-bar-nav .aui-iconfont {
            position: relative;
            font-family: "aui_iconfont" !important;
            font-size: 0.75rem;
            color: #E73C5C;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2.4rem;
        }

        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-icon-tu {
            height: 2.4rem;
            width: 49px;
            background: url('__IMG__left.png') no-repeat 0.5rem center;
            background-size: 22px 22px;
        }

        .aui-bar-nav .aui-pull-right {
            padding-right: 0.75rem;
        }

        .aui-bar-nav .aui-title {
            font-size: 0.9rem;
            color: #333333;
            font-weight: 500;
        }
        body{
            background-color: #fff;
        }
        .aui-bar-nav .aui-iconfont {
            position: relative;
            font-family: "aui_iconfont" !important;
            font-size: 0.75rem;
            color: #E73C5C;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2.4rem;
        }

        .aui-bar-nav {
            background-color: #F2F2F2;
        }

        .aui-icon-tu {
            height: 2.4rem;
            width: 46px;
            background: url('__IMG__left.png') no-repeat 0.5rem center;
            background-size: 16px 16px;
        }

        .aui-bar-nav .aui-title {
            font-size: 0.9rem;
            color: #000000;
            font-weight: bold;
        }

        .aui-icon-rightu {
            height: 2.4rem;
            width: 49px;
            background: url('__IMG__dian.png') no-repeat 0.6rem center;
            background-size: 22px 22px;
        }
        .warrp{
            width: 100%;
            height: 100%;
            padding: 0 0.75rem 0 0.75rem;
            background-color: #FFFFFF;
        }
        .user{
            width: 100%;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;

        }
        .font{
            font-size: 0.8rem;
            color: #333333;
            line-height: 1.1rem;
        }
        .tu img{
            width: 0.7rem;
            height: 0.7rem;
        }
        .hengtiao{
            width: 100%;
            height: 0.5rem;
            background-color: #FBF9F7;
        }
        .switch-btn {
            cursor: pointer;
            width: 1.7rem;
            height:0.9rem;
            position: relative;
            border: 1px solid #dfdfdf;
            box-shadow: #dfdfdf 0 0 0 0 inset;
            border-radius: 15px;
            background-clip: content-box;
            display: inline-block;
            -webkit-appearance: none;
            user-select: none;
            outline: none;
        }

        .switch-btn:before {
            content: '';
            width: 0.8rem;
            height: 0.8rem;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 20px;
            background-color: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
        }

        .switch-btn:checked {
            border-color: #D45365;
            box-shadow: #D45365 0 0 0 16px inset;
            background-color: #D45365;
        }

        .switch-btn:checked:before {
            left: 0.8rem;
        }

        .switch-btn.switch-btn-animbg {
            transition: background-color ease .4s;
        }

        .switch-btn.switch-btn-animbg:before {
            transition: left .3s;
        }

        .switch-btn.switch-btn-animbg:checked {
            box-shadow: #dfdfdf 0 0 0 0 inset;
            background-color: #D45365;
            transition: border-color .4s, background-color ease .4s;
        }

        .switch-btn.switch-btn-animbg:checked:before {
            transition: left .3s;
        }
        .button{
            width:100%;
            height:2.5rem;
            background:#FFFFFF;
            border: 1px  solid #E73C5C;
            border-radius:5px;
            font-size:0.8rem;
            color:#E73C5C;
            line-height:2.5rem;
            text-align: center;
        }
    </style>
</head>

<body>
<header class="aui-bar aui-bar-nav underLine" style="padding-top:25px;background-color:#FFFFFF;" id="header">
    <a class="aui-pull-left" tapmode="active" onclick="history.go(-1)"> <span class="aui-iconfont aui-icon-tu"> </span> </a>
    <div class="aui-title">设置</div>
</header>
<div class="warrp">
    <div class="user underLine" style="display: none;">
        <div class="font">
            推送消息
        </div>
        <input class="switch-btn switch-btn-animbg" id="getPush"  type="checkbox" checked tapmode>
    </div>
    <div class="user underLine"  style="display: none;">
        <div class="font">
            清除缓存
        </div>
        <div class="" style="display:flex;align-items: center;justify-content:center;">
            <div class="shuzi" style="margin-right:0.35rem;font-size:0.8rem;color:#999999;">
                50.00M
            </div>
            <div class="tu">
                <img src="__IMG__goto.png" alt="">
            </div>
        </div>
    </div>
    <div class="user underLine" onclick="fnZhang()" tapmode='active'>
        <div class="font">
            账号管理
        </div>
        <div class="tu">
            <img src="__IMG__goto.png" alt="">
        </div>
    </div>
    <div class="user underLine" onclick="fnFeedback()" tapmode='active'>
        <div class="font">
            意见反馈
        </div>
        <div class="tu">
            <img src="__IMG__goto.png" alt="">
        </div>
    </div>
    <div class="user underLine" onclick="fnAbout()" tapmode='active'>
        <div class="font">
            关于我们
        </div>
        <div class="tu">
            <img src="__IMG__goto.png" alt="">
        </div>
    </div>
    <div class="user underLine" onclick="fnUpdate()" tapmode='active'>
        <div class="font">
            版本更新
        </div>
        <div class="tu">
            <img src="__IMG__goto.png" alt="">
        </div>
    </div>
    <div class=""  style="display: none;margin-top:2.5rem;">
        <div class="button" onclick="back()" tapmode='active'>
            退出登录
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="__JS__api.js"></script>
<script type="text/javascript" src="__JS__tt.js"></script>
<script type="text/javascript">
    function fnUpdate() {
        location.href='{:url("my/version_change")}';

    }
    function fnAbout() {
        location.href='{:url("my/about_we")}';
    }
    function fnFeedback() {
        location.href='{:url("my/yijianfankui")}';

    }
    function fnZhang() {
        location.href='{:url("Login/account")}';

    }

</script>

</html>
